import React from 'react';
import styled from '@emotion/styled';

// const Child = styled.div`
//   color: red;
// `

// const Parent = styled.div`
//   ${Child} {
//     color: green;
//   }
// `
const Child = styled.div({
  color: 'red';
})

const Parent = styled.div({
  [Child]: {
    color: 'green'
  }
})

function App () {
  return <div>App wokks

    <Child >22</Child>
    <Parent >2</Parent>
  </div>
}

export default App;